﻿<UserControl x:Class="SinaFinance.MainPage"
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" >
    <UserControl.Resources>
        <Storyboard x:Name="timeMouseEnter">
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="path" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                <EasingColorKeyFrame KeyTime="00:00:00.2000000" Value="#FF5075FD"/>
            </ColorAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Name="timeMouseEnter_Copy1">
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="path" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.0500000" Value="#FF5075FD"/>
                <SplineColorKeyFrame KeyTime="00:00:00.2500000" Value="#FF7B7B7B"/>
            </ColorAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Name="KlineMouseEnter">
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="path1" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                <EasingColorKeyFrame KeyTime="00:00:00.2000000" Value="#FF5075FD"/>
            </ColorAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Name="KlineMouseEnter_Copy1">
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="path1" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00" Value="#FF5075FD"/>
                <SplineColorKeyFrame KeyTime="00:00:00.2000000" Value="#FF7B7B7B"/>
            </ColorAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Name="fullScreenMouseEnter">
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="path2" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                <EasingColorKeyFrame KeyTime="00:00:00.2000000" Value="#FF5075FD"/>
            </ColorAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Name="fullScreenMouseEnter_Copy1">
            <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="path2" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                <SplineColorKeyFrame KeyTime="00:00:00.3000000" Value="#FF5075FD"/>
                <SplineColorKeyFrame KeyTime="00:00:00.5000000" Value="#FF7B7B7B"/>
            </ColorAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Name="start">
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="top" Storyboard.TargetProperty="(UIElement.Opacity)">
                <SplineDoubleKeyFrame KeyTime="00:00:00.1000000" Value="0.023677187040448189"/>
                <SplineDoubleKeyFrame KeySpline="0,0,1,0" KeyTime="00:00:01" Value="1"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="border" Storyboard.TargetProperty="(UIElement.Opacity)">
                <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="0"/>
                <SplineDoubleKeyFrame KeySpline="0,0,0.150000005960464,1" KeyTime="00:00:01.5000000" Value="1"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Timeborder" Storyboard.TargetProperty="(UIElement.Opacity)">
                <EasingDoubleKeyFrame KeyTime="00:00:01.5000000" Value="0"/>
                <EasingDoubleKeyFrame KeyTime="00:00:01.8000000" Value="1"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="Kline" Storyboard.TargetProperty="(UIElement.Opacity)">
                <EasingDoubleKeyFrame KeyTime="00:00:01.6000000" Value="0"/>
                <EasingDoubleKeyFrame KeyTime="00:00:02" Value="1"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="fullScreen" Storyboard.TargetProperty="(UIElement.Opacity)">
                <EasingDoubleKeyFrame KeyTime="00:00:01.8000000" Value="0"/>
                <EasingDoubleKeyFrame KeyTime="00:00:02.2000000" Value="1"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="border1" Storyboard.TargetProperty="(UIElement.Opacity)">
                <SplineDoubleKeyFrame KeyTime="00:00:02" Value="0"/>
                <SplineDoubleKeyFrame KeySpline="0,0,1,0" KeyTime="00:00:02.4000000" Value="1"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="right" Storyboard.TargetProperty="(UIElement.Opacity)">
                <SplineDoubleKeyFrame KeyTime="00:00:02.2000000" Value="0"/>
                <SplineDoubleKeyFrame KeySpline="0,0,0,0.920000016689301" KeyTime="00:00:02.8000000" Value="1"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="right" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
                <SplineDoubleKeyFrame KeyTime="00:00:02.2000000" Value="-689.897"/>
                <SplineDoubleKeyFrame KeySpline="0,0,0,0.920000016689301" KeyTime="00:00:02.8000000" Value="0"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="top" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)">
                <EasingDoubleKeyFrame KeyTime="00:00:00.1000000" Value="-69.997"/>
                <SplineDoubleKeyFrame KeySpline="0,0,1,0" KeyTime="00:00:01" Value="0"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="border" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)">
                <SplineDoubleKeyFrame KeyTime="00:00:00.8000000" Value="0"/>
                <SplineDoubleKeyFrame KeySpline="0,0,0.150000005960464,1" KeyTime="00:00:01.5000000" Value="0"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </UserControl.Resources>
    <Border  BorderBrush="#FF333333" BorderThickness="1,1,1,1">
            <ScrollViewer  x:Name="scrollViewer"  HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Auto">
            <Grid x:Name="LayoutRoot" >
                <Grid.Background>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#FF000000"/>
                        <GradientStop Color="#FF1E2C40" Offset="1"/>
                    </LinearGradientBrush>
                </Grid.Background>
                <Grid.RowDefinitions>
                    <RowDefinition Height="58"/>
                    <RowDefinition Height="100*"/>
                    <RowDefinition Height="24"/>
                </Grid.RowDefinitions>

                <Grid Grid.Row="1" x:Name="MidGrid">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="88"/>
                        <RowDefinition Height="28"/>
                        <RowDefinition Height="100*"/>
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="100*"/>
                        <ColumnDefinition Width="715"/>
                        <ColumnDefinition Width="272"/>
                        <ColumnDefinition Width="100*"/>
                    </Grid.ColumnDefinitions>
                    <Grid x:Name="right" Margin="8,0,2,0" Grid.Column="2" Grid.RowSpan="3" Opacity="0" RenderTransformOrigin="0.5,0.5">
                        <Grid.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </Grid.RenderTransform>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="31"/>
                            <RowDefinition Height="250"/>
                            <RowDefinition Height="31"/>
                            <RowDefinition Height="212"/>
                        </Grid.RowDefinitions>
                        <Border BorderBrush="#FF264466" BorderThickness="0,0,0,1">
                            <Border.Background>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#FF1A2938"/>
                                    <GradientStop Color="#FF111111" Offset="1"/>
                                </LinearGradientBrush>
                            </Border.Background>

                            <TextBlock  Margin="25,7,0,6" Text="五档盘口" TextWrapping="Wrap" FontSize="12" Width="96" HorizontalAlignment="Left">
                            <TextBlock.Foreground>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#FFECFFFF"/>
                                <GradientStop Color="#FFAEBFC7" Offset="1"/>
                            </LinearGradientBrush>
                        </TextBlock.Foreground>
                            </TextBlock>
                        </Border>
                        <Rectangle Stroke="{x:Null}" StrokeThickness="1" RadiusX="0" RadiusY="0" HorizontalAlignment="Left" Margin="14,8,0,8" Width="5">
                            <Rectangle.Fill>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#FFCBCDD1"/>
                                    <GradientStop Color="#FF192938" Offset="1"/>
                                </LinearGradientBrush>
                            </Rectangle.Fill>
                        </Rectangle>

                        <Border BorderBrush="#FF264466" BorderThickness="0,0,0,1" Grid.Row="2">
                            <Border.Background>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#FF1A2938"/>
                                    <GradientStop Color="#FF111111" Offset="1"/>
                                </LinearGradientBrush>
                            </Border.Background>
                            <TextBlock HorizontalAlignment="Left" Margin="25,7,0,6" Width="96" FontSize="12" Text="相关新闻" TextWrapping="Wrap">
                            <TextBlock.Foreground>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#FFECFFFF"/>
                                <GradientStop Color="#FFAEBFC7" Offset="1"/>
                            </LinearGradientBrush>
                        </TextBlock.Foreground>
                            </TextBlock>
                        </Border>
                        <Rectangle Stroke="{x:Null}" StrokeThickness="1" RadiusX="0" RadiusY="0" HorizontalAlignment="Left" Margin="14,8,0,8" Width="5" Grid.Row="2">
                            <Rectangle.Fill>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#FFCBCDD1"/>
                                    <GradientStop Color="#FF192938" Offset="1"/>
                                </LinearGradientBrush>
                            </Rectangle.Fill>
                        </Rectangle>
                        <Canvas Grid.Row="1" Width="262" Height="246" HorizontalAlignment="Left"  x:Name="StockTopFiveCanvas" Background="#FF162230"/>
                        <Canvas Background="#FF162230" Margin="0,0,0,-19" Grid.Row="3" x:Name="NewsCanvas"/>
                    </Grid>

                    <Border x:Name="border" Height="88" Margin="2,2,0,0" VerticalAlignment="Top" Grid.Column="1" Background="{x:Null}" BorderBrush="{x:Null}" BorderThickness="1,1,1,1" Opacity="0" RenderTransformOrigin="0.5,0.5">
                        <Border.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </Border.RenderTransform>
                        <Canvas Margin="-1,-1,-1,1" x:Name="BasicInfoCanvas"/>
                    </Border>

                    <Border x:Name="Timeborder" Height="28" HorizontalAlignment="Left" Margin="3,0,0,0" VerticalAlignment="Top" Width="50" Grid.Column="1" BorderBrush="#FF545454" BorderThickness="1,1,1,1" CornerRadius="2,2,2,2" RenderTransformOrigin="0.5,0.5" Grid.Row="1" Opacity="0">
                        <Border.Background>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#FFEBEBEB"/>
                                <GradientStop Color="#FFA3A3A3" Offset="1"/>
                            </LinearGradientBrush>
                        </Border.Background>
                        <Border.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </Border.RenderTransform>
                        <Canvas x:Name="canvasT" Margin="-1,-1,-2,-1">
                            <TextBlock Height="15" Width="35" FontSize="12" Text="分时" Cursor="Hand" MouseLeftButtonDown="btnTimeSharingChart_MouseLeftButtonDown"  TextWrapping="Wrap" Canvas.Top="5" Canvas.Left="13">
                        	<TextBlock.Foreground>
                        		<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        			<GradientStop Color="#FF000000"/>
                        			<GradientStop Color="#FF000000" Offset="1"/>
                        		</LinearGradientBrush>
                        	</TextBlock.Foreground>
                            </TextBlock>
                            <Path x:Name="path" Stretch="Fill" Stroke="#FF000000" StrokeThickness="0" Height="10.224" Width="10.174" UseLayoutRounding="False" Canvas.Left="0.905" Canvas.Top="0.82" Data="M20.079338,95.986359 L10.476161,105.58954 L9.9051552,106.16055 L9.9051552,96.92691 L10.895886,95.93618 L12.558184,95.93618 z"/>
                        </Canvas>
                    </Border>
                    <Border x:Name="Kline" Height="28" HorizontalAlignment="Left" Margin="60,0,0,0" VerticalAlignment="Top" Width="50" Grid.Column="1" BorderBrush="#FF545454" BorderThickness="1,1,1,1" CornerRadius="2,2,2,2" RenderTransformOrigin="0.5,0.5" Grid.Row="1" Opacity="0">
                        <Border.Background>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#FFEBEBEB"/>
                                <GradientStop Color="#FFA3A3A3" Offset="1"/>
                            </LinearGradientBrush>
                        </Border.Background>
                        <Border.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </Border.RenderTransform>
                        <Canvas x:Name="canvasK" Margin="-1,-1,-2,-1" >
                            <TextBlock Height="15" Width="35" Canvas.Left="13" MouseLeftButtonDown="btnKLineChart_MouseLeftButtonDown"  Canvas.Top="5" FontSize="12"  Cursor="Hand"  Text="K线" TextWrapping="Wrap">
                        	<TextBlock.Foreground>
                        		<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        			<GradientStop Color="#FF000000"/>
                        			<GradientStop Color="#FF000000" Offset="1"/>
                        		</LinearGradientBrush>
                        	</TextBlock.Foreground>
                            </TextBlock>
                            <Path x:Name="path1" Stretch="Fill" Stroke="#FF000000" StrokeThickness="0" Height="10.224" Width="10.174" UseLayoutRounding="False" Canvas.Left="0.905" Canvas.Top="0.82" Data="M20.079338,95.986359 L10.476161,105.58954 L9.9051552,106.16055 L9.9051552,96.92691 L10.895886,95.93618 L12.558184,95.93618 z"/>
                        </Canvas>

                    </Border>
                    <Border x:Name="fullScreen" Height="28" HorizontalAlignment="Left" Margin="117,0,0,0" VerticalAlignment="Top" Width="50" Grid.Column="1" BorderBrush="#FF545454" BorderThickness="1,1,1,1" CornerRadius="2,2,2,2" RenderTransformOrigin="0.5,0.5" Grid.Row="1" Opacity="0">
                        <Border.Background>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#FFEBEBEB"/>
                                <GradientStop Color="#FFA3A3A3" Offset="1"/>
                            </LinearGradientBrush>
                        </Border.Background>
                        <Border.RenderTransform>
                            <TransformGroup>
                                <ScaleTransform/>
                                <SkewTransform/>
                                <RotateTransform/>
                                <TranslateTransform/>
                            </TransformGroup>
                        </Border.RenderTransform>
                        <Canvas x:Name="canvasF" Margin="-1,-1,-2,-1" >
                            <TextBlock Height="15" Width="30" x:Name="btnFullScreemChart"  MouseLeftButtonDown="btnFullScreemChart_MouseLeftButtonDown" Canvas.Left="13" Canvas.Top="5" FontSize="12" Text="全屏"  Cursor="Hand"  TextWrapping="Wrap">
                        	<TextBlock.Foreground>
                        		<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        			<GradientStop Color="#FF000000"/>
                        			<GradientStop Color="#FF000000" Offset="1"/>
                        		</LinearGradientBrush>
                        	</TextBlock.Foreground>
                            </TextBlock>
                            <Path x:Name="path2"  Stretch="Fill" Stroke="#FF000000" StrokeThickness="0"
                                  Height="10.224" Width="10.174" UseLayoutRounding="False" Canvas.Left="0.905"
                                  Canvas.Top="0.82" 
                                  Data="M20.079338,95.986359 L10.476161,105.58954 L9.9051552,106.16055 L9.9051552,96.92691 L10.895886,95.93618 L12.558184,95.93618 z"/>
                        </Canvas>
                    </Border>
                    <Border x:Name="border1" Margin="3,0,0,8" Grid.Column="1" BorderBrush="#FF233D5F" BorderThickness="1,1,1,1" Grid.Row="2" Opacity="0">
                        <Canvas x:Name="ChartCanvas"  Width="700" Height="420" Margin="5,5,0,0" HorizontalAlignment="Left" VerticalAlignment="Top"/>
                    </Border>
                </Grid>

                <Grid Grid.Row="2" Margin="0,0,0,-1" x:Name="BottomGrid">
                    <Grid.Background>
                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                            <GradientStop Color="#FF000000"/>
                            <GradientStop Color="#FF262626" Offset="1"/>
                        </LinearGradientBrush>
                    </Grid.Background>
                    <TextBlock HorizontalAlignment="Center" Margin="0,4,0,4" Foreground="#FFB7B7B7" Text="Copyright  © 1996-2009 SINA Corporation, All Rights Reserved" TextWrapping="Wrap"/>
                </Grid>
                <Grid x:Name="top" Margin="0" d:LayoutOverrides="Width" Canvas.ZIndex="20" Height="58" Opacity="0" RenderTransformOrigin="0.5,0.5">
                    <Grid.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform/>
                            <SkewTransform/>
                            <RotateTransform/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </Grid.RenderTransform>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="100*"/>
                        <ColumnDefinition Width="970"/>
                        <ColumnDefinition Width="100*"/>
                    </Grid.ColumnDefinitions>
                    <Border Grid.ColumnSpan="6" BorderBrush="#FF333333" BorderThickness="0,1,0,1" Padding="0,8,0,0" Margin="0,8,0,0">
                        <Border.Background>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                <GradientStop Color="#FF545454"/>
                                <GradientStop Color="#FF131414" Offset="1"/>
                            </LinearGradientBrush>
                        </Border.Background>
                    </Border>
                    <Grid x:Name="full" Margin="0,0,0,1" Grid.Column="1" Width="970" Height="57">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="180"/>
                            <ColumnDefinition Width="450"/>
                            <ColumnDefinition Width="330"/>
                            <ColumnDefinition Width="100*"/>
                        </Grid.ColumnDefinitions>
                        <Rectangle Stroke="#FF000000" StrokeThickness="0" RadiusX="4" RadiusY="4" Margin="0,16,0,8" HorizontalAlignment="Left" Width="450" d:LayoutOverrides="GridBox" Grid.Column="1">
                            <Rectangle.Fill>
                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                    <GradientStop Color="#FF000000"/>
                                    <GradientStop Color="#FF232324" Offset="1"/>
                                </LinearGradientBrush>
                            </Rectangle.Fill>
                        </Rectangle>
                        <Canvas x:Name="topInfoCanvas" Margin="20,23,0,14" Height="20" HorizontalAlignment="Left" Width="432" d:LayoutOverrides="GridBox" Grid.Column="1"/>
                        <Canvas x:Name="popSearchArea" HorizontalAlignment="Left" Margin="10,20,0,11" d:LayoutOverrides="GridBox" Grid.Column="2" Width="300" Height="26">
                            <Canvas x:Name="SearchCanvas" Height="26" d:LayoutOverrides="Height" Width="330"/>
                        </Canvas>
                        <Image Source="Images/sinalogo_01.png" Stretch="None" Height="57" HorizontalAlignment="Left" Width="123" d:LayoutOverrides="Width, GridBox"/>

                    </Grid>

                </Grid>

            </Grid>
        </ScrollViewer>
    </Border>
</UserControl>
